<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07_新增视频标签</title>
    <style>
        video{
            width: 500px;
        }
    </style>
</head>

<body>
<!--视频标签
controls:控制视频播放暂停放大的按钮
muted:默认让视频静音
autoplay:自动播放,但必须配合默认静音属性muted才能自动播放
poster:该视频封面的地址
preload
    属性值:
    metadata将视频基本信息加载出来,优先获取视频的元信息
    auto浏览器自动协调,下载整个视频文件,即使用户不希望使用它
    none不加载视频信息
-->
<video src="../resource/video1.mp4" controls muted poster="../resource/poster1.jpg" preload="none"></video>
</body>
</html>